<!DOCTYPE html>
<html lang="en">

    <head>
      <meta charset="utf-8">
      
      <title>Craftyslide - A tiny jQuery slideshow plugin</title>
      
      <link rel="stylesheet" href="../estilos/craftyslide.css" />
    </head>

    <body>
    	<div class="row">
      <div id="slideshow" class="col-xs-2 col-sm-2 col-md-2 col-lg-2">        
        <ul>
          <?php //Recorremos el string con el nombre de las imágenes y generamos el código html que las va mostrando
            $imgPropiedades = "";
            $imgPropiedades = split('[\,]', $imagenesProp);
            //Comenzamos desde 1 porque la posición 0 en un espacio en blanco
            for ($i = 1; $i < count($imgPropiedades); $i++) {    
              echo "<li><img src='../images/listing_photos/". substr($imgPropiedades[$i], 6) ."' alt='' title='". substr($imgPropiedades[$i], 6)."' /></li>";
            }          
          ?>                          
        </ul>
      </div>   
      
      </div>
      
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
      <script src="../js/craftyslide.min.js"></script>
      
      <script>
        $("#slideshow").craftyslide();
      </script> 
    </body>
</html>